@extends('admin.common.common')

@section('head')
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <link rel="stylesheet" href="/admin/static/h-ui.admin/css/bootstrap.min.css">
    <link rel="stylesheet" href="/admin/lib/datatables/datatable.css">
@endsection



@section('body')
    <nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页
        <span class="c-gray en">&gt;</span> 文章中心 <span class="c-gray en">&gt;</span> 文章首页
        <a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px"
           href="javascript:location.replace(location.href);" title="刷新"><i class="Hui-iconfont">&#xe68f;</i></a></nav>
    <span class="l">
        <a href="javascript:;" class="btn btn-danger radius deleteAll"><i class="icon-trash"></i> 批量删除</a>
        <a href="{{route('admin.article.create')}}" class="btn btn-primary radius"><i class="icon-plus"></i> 添加文章</a>
        <a href="{{route('admin.article.export')}}" class="btn btn-warning radius deleteAll"><i class="icon-trash"></i> 导出文件</a>
    </span>
    <span class="r">共有数据：<strong></strong> 条</span>
    </div>
    <table class="table table-border table-bordered table-hover table-bg table-sort">
        <thead>
        <tr class="text-c">
            <th width="25"><input type="checkbox" name="checkall" value=""></th>
            <th width="25">ID</th>
            <th width="100">文章标题</th>
            <th width="100">文章作者</th>
            <th width="100">文章简介</th>
            <th width="130">文章封面</th>
            <th width="100">文章内容</th>
            <th width="50">操作</th>
        </tr>
        </thead>
        <tbody>
        {{--            @foreach($data as $key=>$val)--}}
        {{--                <tr class="text-c">--}}
        {{--                    <td><input type="checkbox" value="{{$val->id}}" name="ids[]"></td>--}}
        {{--                    <td>{{$val->id}}</td>--}}
        {{--                    <td style="text-align: left">{{$val->title}}</td>--}}
        {{--                    <td>{{$val->author}}</td>--}}
        {{--                    <td>{{$val->desn}}</td>--}}
        {{--                    <td><img src="{{$val->pid}}" width="150" height="150" alt=""></td>--}}
        {{--                    <td>{{$val->body}}</td>--}}
        {{--                    <td class="f-14 user-manage" style="width: 200px">--}}
        {{--                        <a title="编辑" href="{{route('admin.node.edit',$val)}}" class="btn btn-success" style="text-decoration:none"><i class="icon-edit">编辑</i></a>--}}
        {{--                        @if(auth()->id()!=$val->id)--}}
        {{--                            @if($val->deleted_at)--}}
        {{--                                <a title="恢复" href="javascript:;" data-id="{{$val->id}}"  class="btn btn-warning restorydel" style="text-decoration:none;color: black"><i class="icon-trash">恢复</i></a>--}}
        {{--                            @else--}}
        {{--                                <a title="删除" href="{{route('admin.node.destroy',$val)}}"  class="btn btn-danger del" style="text-decoration:none"><i class="icon-trash">删除</i></a>--}}
        {{--                            @endif--}}
        {{--                        @endif--}}
        {{--                    </td>--}}
        {{--                </tr>--}}

        {{--            @endforeach--}}
        </tbody>
    </table>
    <div id="pageNav" class="pageNav"></div>
    </div>

@endsection


@section('js')
    <script src="/admin/static/h-ui.admin/js/layer/layer.js"></script>
    <script src="/admin/lib/datatables/1.10.0/jquery.dataTables.min.js"></script>
    <script>
        $('.table-sort').DataTable({
            serverSide: true,
            ajax: '{{route('admin.article.index')}}',
            columns: [
                {
                    data: '', render: function () {
                        return `<input type="checkbox" name="checkall" value="">`
                    }
                },
                {data: 'id'},
                {data: 'title'},
                {data: 'author'},
                {data: 'desn'},
                {
                    data:
                        'pid', render: function (data, type, row) {
                        return `<img src="${data}" alt=""  width="150" height="150">`
                    }
                },
                {data: 'body'},
                {
                    data: '', render: function () {
                        return `<a title="编辑" href="" class="btn btn-success" style="text-decoration:none"><i class="icon-edit">编辑</i></a>
                                <a title="删除" href=""  class="btn btn-danger del" style="text-decoration:none"><i class="icon-trash">删除</i></a>`
                    }
                }

            ]
        })


    </script>

@endsection
